<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>社团管理系统|社团信息</title>
    
	<!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <!-- DataTables -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
    <!-- daterange picker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
  <!-- iCheck for checkboxes and radio inputs -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/all.css">
  <!-- Bootstrap Color Picker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
  <!-- Bootstrap time Picker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.css">
  
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.css">
  
  <!-- Select2 -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/select2/select2.min.css">
    
    <!-- Theme style -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/skins/skin-blue.min.css">
    <!--zTree -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/zTree/css/demo.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/zTree/css/metroStyle.css" type="text/css">
  

  </head>
  
  <body class="hold-transition skin-blue sidebar-mini">
  
    
    <div class="wrapper">

    <jsp:include page="../module/head.jsp"/>
	<jsp:include page="../module/side-bar.jsp"/>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
			<section class="content-header">
            <h1>
                个人主页
                <small>我的社团</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="${pageContext.request.contextPath}/index"><i class="fa fa-dashboard"></i>首页</a></li>
                <li class="active">我的社团</li>
            </ol>
        </section>
        
        <section class="content">
 			<div class="accordion" id="accordion-723498">
				<div class="accordion-group">
					<h2 class="accordion-heading">
						<a class="accordion-toggle" data-parent="#accordion-723498" data-toggle="collapse" href="#accordion-element-355151">我加入的社团</a>
					</h2>
					<div class="accordion-body in collapse" id="accordion-element-355151">
						<div class="accordion-inner">
							<c:forEach items="${pendedAssn}" var="pended">
								<div class="media">
									 <a href="#" class="pull-left"><img src="${pageContext.request.contextPath}/static/img/logo1.jpg" class="media-object" alt='' /></a>
									<div class="media-body">
										<h3 class="media-heading">
											${pended.name}
										</h3>
										类型：${pended.type}<br/>
										人数：${pended.studentNum}<br/>
										简介：${pended.content}
									</div>
								</div>
							</c:forEach>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<h2 class="accordion-heading">
						<a class="accordion-toggle collapsed" data-parent="#accordion-723498" data-toggle="collapse" href="#accordion-element-703042">我关注的社团</a>
					</h2>
					<div class="accordion-body collapse" id="accordion-element-703042">
						<div class="accordion-inner">
							<c:forEach items="${attentionAssn}" var="attention">
								<div class="media">
									 <a href="#" class="pull-left"><img src="${pageContext.request.contextPath}/static/img/logo1.jpg" class="media-object" alt='' /></a>
									<div class="media-body">
										<h3 class="media-heading">
											${attention.name}
										</h3>
										类型：${attention.type}<br/>
										人数：${attention.studentNum}<br/>
										简介：${attention.content}
									</div>
								</div>
							</c:forEach>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<h2 class="accordion-heading">
						<a class="accordion-toggle collapsed" data-parent="#accordion-723498" data-toggle="collapse" href="#accordion-element-703055">我已报名的社团</a>
					</h2>
					<div class="accordion-body collapse" id="accordion-element-703055">
						<div class="accordion-inner">
							<c:forEach items="${pendingAssn}" var="pending">
								<div class="media">
									 <a href="#" class="pull-left"><img src="${pageContext.request.contextPath}/static/img/logo1.jpg" class="media-object" alt='' /></a>
									<div class="media-body">
										<h3 class="media-heading">
											${pending.name}
										</h3>
										类型：${pending.type}<br/>
										人数：${pending.studentNum}<br/>
										简介：${pending.content}
									</div>
								</div>
							</c:forEach>
						</div>
					</div>
				</div>
			</div>
		</section>
    </div>
    </div>
    	
    <!-- jQuery 2.2.3 -->
<script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>

<!-- Bootstrap 3.3.6 -->
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
<!-- InputMask -->
<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- bootstrap color picker -->
<script src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<!-- AdminLTE App -->
<script src="${pageContext.request.contextPath}/dist/js/app.min.js"></script>
<!-- bootstrap time picker -->
<script src="${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- DataTables -->
<script src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- zTree -->
<script src="${pageContext.request.contextPath}/plugins/zTree/js/jquery.ztree.core.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/zTree/js/jquery.ztree.excheck.min.js"></script>

<!--自己写的js文件依赖jQ-->
<script src="${pageContext.request.contextPath}/plugins/aPudding/js/main.js"></script>
 
  </body>
</html>
